<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <!-- <link rel="stylesheet" href="<%= BASE_URL %>cdn/element-ui/2.15.1/theme-chalk/index.css"> -->
  <link rel="stylesheet" href="<%= BASE_URL %>cdn/animate/3.5.2/animate.css">
  <link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/index.css">
  <link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/avue/iconfont.css">
  <link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/saber/iconfont.css">
  <link rel="stylesheet" href="<%= BASE_URL %>cdn/avue/2.8.2/index.css">

  <script src="<%= BASE_URL %>cdn/xlsx/FileSaver.min.js"></script>
  <script src="<%= BASE_URL %>cdn/xlsx/xlsx.full.min.js"></script>
  <!-- <link rel="icon" href="<%= BASE_URL %>favicon.png"> -->
  <title>数据中台</title>
  <style>
    html,
    body,
    #app {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    .avue-home {
      background-color: #fbfbfb;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .avue-home__main {
      user-select: none;
      width: 100%;
      flex-grow: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    .avue-home__footer {
      width: 100%;
      flex-grow: 0;
      text-align: center;
      padding: 1em 0;
    }

    .avue-home__footer > a {
      font-size: 12px;
      color: #ABABAB;
      text-decoration: none;
    }

    .avue-home__loading {
      height: 32px;
      width: 32px;
      margin-bottom: 20px;
    }

    .avue-home__title {
      color: #FFF;
      font-size: 14px;
      margin-bottom: 10px;
    }

    .avue-home__sub-title {
      color: #ABABAB;
      font-size: 12px;
      margin-top: 20px;
      opacity: 0;
      animation: avue-home__sub-title 1s linear;
      animation-fill-mode: forwards;
      animation-delay: 2s;
    }

    @keyframes avue-home__sub-title {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }

    .app_loading{
      position:relative;
      width: 42px;
      height: 42px;
      animation: app_loading 5s infinite linear;
    }
    .app_loading span{
      width:20px;
      height:20px;
      position:absolute;
      /* background:#f2453e; */
      display:block;
      animation: app_loading_span 1s infinite linear;
    }
    .app_loading span:nth-child(1){
      background:#f2453e;
    }
    .app_loading span:nth-child(2){
      left:22px;
      background:#fd9827;
      animation-delay: .2s;
    }
    .app_loading span:nth-child(3){
      top:22px;
      background:#3eb07b;
      animation-delay: .4s;
    }
    .app_loading span:nth-child(4){
      top:22px;
      left:22px;
      background:#2c98f0;
      animation-delay: .6s;
    }
    @keyframes app_loading {
        from {transform: rotate(0deg);}
        to {transform: rotate(360deg);}
    }
    @keyframes app_loading_span {
      0% { transform:scale(1); }
      50% { transform:scale(0.5); }
      100% { transform:scale(1); }
    }

  </style>
</head>

<body class="theme-cool">
<noscript>
  <strong>
    很抱歉，如果没有 JavaScript 支持，系统将不能正常工作。请启用浏览器的 JavaScript 然后继续。
  </strong>
</noscript>
<div id="app">
  <div class="avue-home">
    <div class="avue-home__main">
      <div class="app_loading">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
      </div>
      <!-- <img class="avue-home__loading" src="<%= BASE_URL %>svg/loading-spin.svg" alt="loading">
      <div class="avue-home__title">
        正在加载资源
      </div> -->
      <div class="avue-home__sub-title d">
        初次加载资源可能需要较多时间 请耐心等待
      </div>
    </div>
    <div class="avue-home__footer">
      
    </div>
  </div>
</div>
<!-- built files will be auto injected -->
<script src="<%= BASE_URL %>cdn/avue/2.8.2/avue.min.js" charset="utf-8"></script>
<!-- <script src="<%= BASE_URL %>util/aes.js" charset="utf-8"></script>
<script src="<%= BASE_URL %>cdn/vue/2.6.10/vue.js" charset="utf-8"></script>
<script src="<%= BASE_URL %>cdn/vuex/3.1.1/vuex.min.js" charset="utf-8"></script>
<script src="<%= BASE_URL %>cdn/vue-router/3.0.1/vue-router.min.js" charset="utf-8"></script>
<script src="<%= BASE_URL %>cdn/axios/1.0.0/axios.min.js" charset="utf-8"></script>
<script src="<%= BASE_URL %>cdn/element-ui/2.15.1/index.js" charset="utf-8"></script>
<script src="<%= BASE_URL %>cdn/avue/2.8.2/avue.min.js" charset="utf-8"></script> -->
</body>

</html>
